<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01JS的三种引入方式</title>
</head>
<body>
<!--    1.行内写法 写在对应的HTML元素上
        onclick="" 给当前元素绑定一个点击事件，点击元素时执行""里的代码
        alert（）显示弹窗，括号里是弹窗显示的文本，注意双引号里要写单引号-->
    <button onclick="alert('请先登录')">点击即玩</button>
    <button onclick="console.log('请先登录')">点击即玩</button>
<!--    id值相当于当前元素-->
    <h1 id="h1">我是一级标题</h1>
<!--2.内部写法： 写在body结束之前-->
    <script>
        console.log(h1);//打印id值可以直接打印出当前元素
    </script>
<!--3.引入外部的JS文件，注意：内部不能写js代码，不会执行-->
    <script src="./01.js">
        // console.log("h1");
    </script>
</body>
</html>